<!DOCTYPE html>
<html class="ui-page-login" ng-app="cms">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.min.css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/angular.js"></script>
		<script type="text/javascript" src="js/angular/controller.js"></script>
		<script src="js/app.js"></script>
		<style>
			.area {
				margin: 20px auto 0px auto;
			}
			
			.mui-input-group:first-child {
				margin-top: 20px;
			}
			
			.mui-input-group label {
				width: 22%;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 78%;
			}
			
			.mui-checkbox input[type=checkbox],
			.mui-radio input[type=radio] {
				top: 6px;
			}
			
			.mui-content-padded {
				margin-top: 25px;
			}
			
			.mui-btn {
				padding: 10px;
			}
		</style>
	</head>

	<body ng-controller="lookInfos">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的浏览</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view" ng-repeat="info in infos">
				<li class="mui-table-view-cell" ng-click="getNewsInfo(info.id)">{{$index + 1}}.{{info.title}}
					<div align="right">浏览时间：{{info.createtime}}</div>
				</li>
			</ul>
		</div>
	</body>

</html>
<script>
	mui.init({
		beforeback: function() {
			mui.openWindow({
				"id": 'tab4',
				"url": "tab4.html",
				"crateNew": false,
				"styles": {
					top: '0px', //mui标题栏默认高度为45px
					bottom: '50px' //默认为0px，可不定义
				}
			});
		}
	});
</script>